/*
 *  Copyright 2022 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

@import '../../../../styles/variables.less';

.team-list-container {
  padding: 20px 0 10px 0;
  .ant-btn {
    border-radius: 4px;
  }
}

.teams-list-table,
.list-table {
  .ant-table-row .ant-table-cell:first-child,
  .ant-table-thead .ant-table-cell:first-child {
    padding-left: 16px;
  }
}

.remove-icon {
  .ant-btn {
    height: 22px;
    width: 22px;
  }
}

.roles-and-policy {
  > .ant-space-item:first-child {
    align-self: flex-end;
  }
}

.teams-list-table {
  .ant-table-thead {
    tr > th {
      border-right: 0px !important;
      border-bottom: 1px solid @border-color;
    }
  }
  .ant-table-bordered {
    .ant-table-container .ant-table-content table tbody {
      tr {
        td {
          border-right: none;
          background: @background-primary;
        }
        .ant-table-cell-row-hover {
          background: @body-dark-bg-color;
        }
      }
      .ant-table-row-level-0 {
        td {
          background: @white;
        }
        .ant-table-cell-row-hover {
          background: @body-dark-bg-color;
        }
      }

      .drop-over-having-child {
        td {
          background: @active-color;
        }
      }
    }
  }
}

.teams-layout {
  margin: -12px 0;

  .teams-profile {
    background-color: @team-avatar-bg;
  }

  .teams-profile-container {
    .collapse-panel-container {
      padding: 20px;
    }
    .ant-card {
      background: none;
    }

    .ant-collapse-header,
    .ant-collapse-content {
      padding: 0 35px 0 0;
    }

    .ant-collapse-content-box {
      margin-top: 12px;
      padding: 0;
    }

    .ant-collapse-arrow {
      top: 28px !important; // overriding from antd
      right: 0px !important;
      padding: 6px;
      background-color: @background-color;
      border: 1px solid #d9d9d9;
      border-radius: 4px;
    }

    .ant-collapse-arrow.arrow-icon-non-organization {
      top: 42px !important;
    }

    .domain-link {
      font-size: 14px;
    }
  }

  .teams-tabs-content-container {
    width: 100%;
    .teams-scroll-component {
      width: 100%;
      max-height: calc(100vh - 120px);
      padding: 8px 20px;
      overflow-y: scroll;
      scrollbar-width: none;

      &::-webkit-scrollbar {
        display: none;
      }
    }
  }

  .edit-team-name {
    border: 1px solid @border-light;
    background-color: @white;
    border-radius: 4px;
    padding: 4px;
    width: 20px;
    height: 20px;
    display: flex;
  }
}
.team-assets-right-panel {
  .summary-panel-container {
    height: 100%;
    border: 0;
  }
}
